@charset "utf-8";

$font-size:40;

@function rem($px){
    @return $px/$font-size*1rem;
}


section{
    width: 100%; 
    position: absolute;
    top: rem(88);
    bottom: rem(90);
    background: #f3f4f6;
    overflow-y: scroll;
}



footer{
    width: 100%;
    height: rem(90);
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.loginlogo{
    width: rem(343);
    margin: rem(38) auto rem(21) auto;
    img{
        width: 100%;
        height: 100%;
    }
}


form{
    table{
        width: rem(579);
        background: #fff;
        margin: 0 auto;
        tr{
            #pass{
                   border-bottom: rem(1) solid #dfdfdd;
               }
            td{
               width: rem(579);
               height: rem(85); 
               border-top: rem(1) solid #dfdfdd;
               border-left: rem(1) solid #dfdfdd;
               border-right: rem(1) solid #dfdfdd;
               
               
               .control-label{
                   color: #666666;
                   font-weight: bold;
                   font-size: rem(27);
                   padding-left: rem(19);
                   letter-spacing: rem(1);
               }
               input{
                   width:rem(471);
                   height: rem(80);
                   text-indent: rem(8);
                   border: 0;
                   color: black;
                   font-size: rem(30);
                   letter-spacing: rem(1);
               }
            }
        }
    }
}
.btn{
    width:rem(580);
    height:rem(85);
    border-radius: rem(10);
    background: #d62d31;
    color: white;
    font-size:rem(32);
    text-align: center;
    letter-spacing: rem(13);
    margin-left: rem(30);
    margin-top: rem(36);
}
.login-msg{
    width: 90%;
    margin: rem(26) auto 0 auto;
    a{
        color: #a7a7a7;
        font-size: rem(33);
    }
}

.thirdparty{
    width: 80%;
    margin: rem(15) auto 0 auto;
    .weixin{
        width: 29%;
        
        p{
           font-size: rem(27);
        color: #d3d3d3; 
        line-height: rem(55);
        }
    }
    .qq{
        width: 26%;
         p{
           font-size: rem(27);
        color: #d3d3d3; 
         line-height: rem(55);
        }
    }
    .fenjie{
        width: rem(2);
        height: rem(60);
        background: #dedede;
        margin:  0 auto;
    }
}
.thirdpartyicon1{
    width: rem(33);
    height: rem(27);
    img{
        width: 100%;
        height: 100%;
    }
}
.thirdpartyicon2{
    width: rem(27);
    height: rem(27);
    img{
        width: 100%;
        height: 100%;
    }
}



